<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
<title>赌我会瘦</title>
<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>
</head>
<!-- end header -->

<body>
  <div class="page-group">
    <div class="page page-current userbet-share-page">
      <div class="content">
         <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;">
           <div class="share-cover">
	          <img src="${ctx.resource}/images/share-logo.png" class="img-style fitbet-logo" alt="" />
	          <div class="info text-center">我正在参加28天瘦5%挑战</div>
	          <div class="text-center bonus">奖金池高达10,000元</div>
	          <img src="${ctx.resource}/images/bet-share.png" class="img-style" alt="">
	          <div class="text-center" style="padding: .2rem 0;margin: 1rem 1rem 0; background: #d11b28; color: #fff; font-size: 1.6rem; font-weight: bold;">瓜分万元奖金池</div>
	        </div>
           <div class="index-button-layout share-qrcode text-center" style="bottom: 2.25rem;">
             <p class="no-margin" style="font-weight: bold;margin-bottom: .25rem;">长按扫码赢大奖</p>
             <div style="width: 100px; height: 100px; margin: 0 auto;" id="qrcode" class="qrcode"></div>
	        </div>
         </div>
         <!--  <h1>参赛者分享给竞猜者.jpg</h1> -->
         <%-- <div class="share-qrcode text-center">
          <p class="no-margin">扫码赢大奖</p>--%>
          <%-- <img id="qrcode" src="${ctx.resource}/images/share-qrcode.png" class="img-style"/> 
          <div style="width: 100px; height: 100px; margin: 0 auto;" id="qrcode" class="qrcode"></div>
          
           <p><a href="${ctx.host}/activities/1/bet/rules" class="button button-big">竞猜者打开改页面</a></p>
        </div>--%>
        <%-- <div class="content-block">
	        <div class="content-padded">
	          <h1>参赛者分享给竞猜者.jpg</h1>
	        </div>
	        <div class="content-block">
	          <p><a href="${ctx.host}/activities/1/bet/rules" class="button button-big">竞猜者打开改页面</a></p>
	        </div>
        </div> --%>
      </div>
      
    </div>
  </div>
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/userbet/userbet-share.js" />
  <script type="text/javascript">
    require(['page/userbet/userbet-share'], function(page) {
      page.init({
        "jsConfig": JSON.parse('${jsConfig}'),
        "userId": '${user.id}',
        "betId": '${userBet.bet.id}',
        "avatar": '${user.avatar}',
        "userName": '${user.nickname}'
      })
    })
  </script>
</body>
</html>